<template>
  <div class="terminal">
    <i class="fa fa-hashtag"></i>
    欢迎使用 Vue Demo
    <i class="fa fa-child"></i>
    <br>
    <i class="fa fa-terminal"></i>
    <code>npm start</code>
    <i class="fa fa-cog"></i>
    <i class="fa fa-wrench"></i>
    <i class="fa fa-puzzle-piece"></i>
    <i class="fa fa-gavel"></i>
    <i class="fa fa-coffee"></i>
    <br>
    <i class="fa fa-terminal"></i>
    <code>npm run build</code>
    <i class="fa fa-hourglass-start"></i>
    <i class="fa fa-hourglass-half"></i>
    <i class="fa fa-hourglass-end"></i>
    <i class="fa fa-beer"></i>
    <br>
    <i class="fa fa-magic"></i>
    两个命令玩转 <code>Vue</code>
    <i class="fa fa-hand-o-left"></i>
    <i class="fa fa-smile-o"></i>
    <i class="fa fa-hand-peace-o"></i>
    <i class="fa fa-flag-checkered"></i>
  </div>
</template>
<style>
.terminal {
  padding: 30px;
  font-size: 3em;
  color: #a6e22e;
  text-align: center;
  background-color: #23241f;
}
</style>
